<!doctype html>
        <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
        <!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
        <!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
        <!--[if gt IE 8]><!--> <html lang="en-US"> <!--<![endif]-->
        <head>
                <!-- META TAGS -->
                <meta charset="UTF-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0">

                <title>地质图件服务</title>

                <link rel="shortcut icon" href="images/favicon.png" />

                <!-- Style Sheet-->
                <link rel="stylesheet" href="style.css"/>
                <link rel='stylesheet' id='bootstrap-css-css'  href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
                <link rel='stylesheet' id='responsive-css-css'  href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
                <link rel='stylesheet' id='pretty-photo-css-css'  href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css' media='all' />
                <link rel='stylesheet' id='main-css-css'  href='css/main5152.css?ver=1.0' type='text/css' media='all' />
                <link rel='stylesheet' id='custom-css-css'  href='css/custom5152.html?ver=1.0' type='text/css' media='all' />
				
				 <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_v38_api/arcgis_js_api/library/3.8/3.8/js/dojo/dijit/themes/tundra/tundra.css"/>
				<link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_v38_api/arcgis_js_api/library/3.8/3.8/js/esri/css/esri.css" />
				<script type="text/javascript" src="http://localhost:8080/arcgis_js_v38_api/arcgis_js_api/library/3.8/3.8/init.js"></script>
                <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
                <!--[if lt IE 9]>
                <script src="js/html5.js"></script>
                <![endif]-->

        </head>

        <body>

                <!-- Start of Header -->
                <div class="header-wrapper">
                        <header>
                                <div class="container">


                                        <div class="logo-container">
                                                <!-- Website Logo -->
                                                <a href="index-2.html"  title="Knowledge Base Theme">
                                                        <img src="images/logo.png" alt="Knowledge Base Theme">
                                                </a>
                                                <span class="tag-line">高级地图检索服务</span>
                                        </div>


                                        <!-- Start of Main Navigation -->
                                        <nav class="main-nav">
                                                <div class="menu-top-menu-container">
                                                        <ul id="menu-top-menu" class="clearfix">
                                                                
                                                                <li><a href="#">主题设置</a>
                                                                        <ul class="sub-menu">
                                                                                <li><a href="blue-skin.html">Blue Skin</a></li>
                                                                                <li><a href="green-skin.html">Green Skin</a></li>
                                                                                <li><a href="red-skin.html">Red Skin</a></li>
                                                                                <li><a href="index-2.html">Default Skin</a></li>
                                                                        </ul>
                                                                </li>
                                                               
                                                                <li><a href="#">关于我们</a></li>
                                                        </ul>
                                                </div>
                                        </nav>
                                        <!-- End of Main Navigation -->

                                </div>
                        </header>
                </div>
                <!-- End of Header -->

                <!-- Start of Search Wrapper -->
                <div class="search-area-wrapper">
                        <div class="search-area container">
                                <h3 class="search-header">数据检索服务</h3>
                               

                                <form id="search-form" class="search-form clearfix" method="get" action="#" autocomplete="off">
                                        <input  class="search-term required" type="text" id="s" name="s" placeholder="输入关键词或者编号" value="K52E007011" title="*请输入!" />
                                        <input class="search-btn" type="button" value="搜索" />
                                        <div id="search-error-container"></div>
                                </form>
                                <div class="btn-group" style="margin-left:100px">
	                                <button type="button" class="btn btn-default">矿产</button>

									<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
									<button type="button" class="btn btn-primary">能源</button>

									<!-- Indicates a successful or positive action -->
									<button type="button" class="btn btn-success">勘测</button>

									<!-- Contextual button for informational alert messages -->
									<button type="button" class="btn btn-info">石油</button>

									<!-- Indicates caution should be taken with this action -->
									<button type="button" class="btn btn-warning">水资源</button>

									<!-- Indicates a dangerous or potentially negative action -->
									<button type="button" class="btn btn-danger">其他</button>
									<button id="drawtools" type="button" class="btn btn-default">框选</button>
								</div>
                        </div>
                </div>
                <!-- End of Search Wrapper -->
                <div class="copyrights"> <a href="#" title="模板信息">模版权所有&c</a></div>

                <!-- Start of Page Container -->
                <div class="page-container">
                
                        <div class="container" style="padding:0px;width:100%">
                        
                        <div id="datalist" class="panel panel-info" style="width:20%;height:600px;display:none;float:left">
                        	<button id="datalistpanelhidebtn" type="button" class="btn btn-default btn-lg">隐藏</button>
                        	<table id="tb1" class="table table-hover">
                        		<tr><td><div class="alert alert-success">查询结果</div></td></tr>
                        		<tr><td>结果1</td></tr>

                        		<tr><td>宋家庄</td></tr>
                        		<tr><td>结果2</td></tr>
                        		<tr><td>结果3</td></tr>
                        		<tr><td>tdddd</td></tr>

                        		<tr><td>tdddd</td></tr>
                        		<tr><td>tdddd</td></tr>
                        		<tr><td>结果1</td></tr>
                        	</table>

                        </div>
						<div id="map" style="width: 80%;height: 700px;overflow: hidden          ;margin:0;float:right;margin-top:0px">
							<div style="position:absolute; right:20px; top:10px; z-Index:999;">
									<div id="titlePane" data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Convex Hull', closable:'false', open:'true'">
										<p style="padding:5px 2px;color:#33292B;">Draw a rectangle around a group of block points to calculate the 
										  minimum bounding polygon ("convex hull") of the selected points.</p>
										
									</div>
							</div>
						</div>
                        <span id="info" style="float:right"></span>
						</div>
                </div>
                <!-- End of Page Container -->

                <!-- Start of Footer -->
                <footer id="footer-wrapper">
                        <div id="footer" class="container">
                               
                        </div>
                        <!-- end of #footer -->
                </footer>
                <!-- End of Footer -->

                <a href="#top" id="scroll-top"></a>

                <!-- script -->
                <script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
                <script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
                <script type='text/javascript' src='js/prettyphoto/jquery.prettyPhoto.js'></script>
		<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
                <script type='text/javascript' src='js/jquery.form.js'></script>
                <script type='text/javascript' src='js/jquery.validate.min.js'></script>
                <script type='text/javascript' src='js/custom.js'></script>
                <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4&ak="></script>        
        </body>
</html>